<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>资产日志</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../js/layer/layui-v2.3.0/layui/css/layui.css">
  <link rel="stylesheet" href="../js/ztree/css/zTreeStyle/zTreeStyle.css">
  <style>
    body{overflow:auto}
    .layui-input-block{
      margin-left: 60px;
      height: 39px;
    }
    /* 资产入库下一步弹出层 */
    #zcrkNextModal{
      background: #fff;
      padding: 0px 0 12px 0;
    }
    #zcrkNextModal .left-content{
      display: inline-block;
      vertical-align: top;
      width: 61.48%;
      margin-left: 7.438%;
    }
    .top-btn-box{
      text-align: right;
      height: 60px;
      line-height: 60px;
      border-bottom: 1px solid #eee;
      padding-right: 90px;
    }
    #zcrkNextModal .app-modal-btn{
      display: inline-block;
      width: 110px;
      height: 32px;
      text-align: center;
      line-height: 32px;
      color: #333;
      border: 1px solid #d00000;
      font-size: 18px;
      border-radius: 10px;
      margin-left: 14px;
      cursor: pointer;
    }
    #zcrkNextModal .app-modal-btn2{
      background: #d00000;
      color: white;
    }
    #zcrkNextModal .right-content{
      display: inline-block;
      vertical-align: top;
      width: 26.44%;
      padding-top: 10px;
    }
    @media screen and (max-width: 1100px) {
      #zcrkNextModal .right-content{
        width: 30%;
      }
      .layui-input-block{
        margin-left: 20px;
      }
    }
  </style>
</head>
<body>
  <!-- 资产入库 下一步弹出层 -->
  <div id="zcrkNextModal">
    <div class="top-btn-box">
      <a class="app-modal-btn">模板</a>
      <a class="app-modal-btn app-modal-btn2">启用</a>
    </div>
    <div class="left-content">
      <table class="layui-table" lay-skin="line">
        <colgroup>
          <col width="56%">
          <col width="44%">
        </colgroup>
        <tbody>
          <tr>
            <td>资产编码</td>
            <td>jj000956</td>
          </tr>
          <tr>
            <td>设备名称</td>
            <td>电脑</td>
          </tr>
          <tr>
            <td>设备类型</td>
            <td>台式电脑</td>
          </tr>
          <tr>
            <td>设备型号</td>
            <td>K401L</td>
          </tr>
          <tr>
            <td>使用部门</td>
            <td>纪律检查委员会部门</td>
          </tr>
          <tr>
            <td>放置地点</td>
            <td>信访办-2001</td>
          </tr>
          <tr>
            <td>采购时间</td>
            <td>2018-04-17</td>
          </tr>
          <tr>
            <td>采购价格</td>
            <td>4000元</td>
          </tr>
          <tr>
            <td>使用人员</td>
            <td>李四</td>
          </tr>
          <tr>
            <td>管理人员</td>
            <td>张三</td>
          </tr>
          <tr>
            <td>资产状态</td>
            <td>机器设备</td>
          </tr>
          <tr>
            <td>维修记录</td>
            <td>无</td>
          </tr>
          <tr>
            <td>调剂情况</td>
            <td>无</td>
          </tr>
          <tr>
            <td>报废时间</td>
            <td>无</td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="right-content">
      <form class="layui-form" action="">
        <div class="layui-input-block">
          <input type="checkbox"  title="二维码">
          <input type="checkbox" title="信息卡">
        </div>
        <div class="layui-input-block">
          <input type="checkbox"  title="二维码">
          <input type="checkbox" title="信息卡">
        </div>
        <div class="layui-input-block">
          <input type="checkbox"  title="二维码">
          <input type="checkbox" title="信息卡">
        </div>    
        <div class="layui-input-block">
          <input type="checkbox"  title="二维码">
          <input type="checkbox" title="信息卡">
        </div>
        <div class="layui-input-block">
          <input type="checkbox"  title="二维码">
          <input type="checkbox" title="信息卡">
        </div>
        <div class="layui-input-block">
          <input type="checkbox"  title="二维码">
          <input type="checkbox" title="信息卡">
        </div>
        <div class="layui-input-block">
          <input type="checkbox"  title="二维码">
          <input type="checkbox" title="信息卡">
        </div>        
        <div class="layui-input-block">
          <input type="checkbox"  title="二维码">
          <input type="checkbox" title="信息卡">
        </div>        
        <div class="layui-input-block">
          <input type="checkbox"  title="二维码">
          <input type="checkbox" title="信息卡">
        </div>        
        <div class="layui-input-block">
          <input type="checkbox"  title="二维码">
          <input type="checkbox" title="信息卡">
        </div>        
        <div class="layui-input-block">
          <input type="checkbox"  title="二维码">
          <input type="checkbox" title="信息卡">
        </div>        
        <div class="layui-input-block">
          <input type="checkbox"  title="二维码">
          <input type="checkbox" title="信息卡">
        </div>        
        <div class="layui-input-block">
          <input type="checkbox"  title="二维码">
          <input type="checkbox" title="信息卡">
        </div> 
        <div class="layui-input-block">
          <input type="checkbox"  title="二维码">
          <input type="checkbox" title="信息卡">
        </div>         
      </form>
    </div>
    <!-- 底部选择 -->
    <div class="bottom-content">
      <form class="layui-form" action="">
        <div class="layui-form-item">
          <label class="layui-form-label">密级</label>
          <div class="layui-input-block">
            <input type="radio" name="sc" title="非密" checked>
            <input type="radio" name="sc" title="机密">
          </div>
        </div>
      </form>
    </div>
  </div>
  <script src="../js/jquery/jquery.min.js"></script>
  <script src="../js/layer/layui-v2.3.0/layui/layui.all.js"></script>
  
</body>
</html>